<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>哪吒破鼎</title>
		<link rel="stylesheet" href="哪吒破鼎.css" />
	</head>
	<style>
		.ding{
			position:relative;
			left:939px;
			top:654px;
			height:600px;
		}
		/* 哪吒 */
		.d1{
			position:relative;
			left:975px;
			top:185px;
			height:400px;
		}
		/* 敖丙 */
		.d2{
			position: relative;
			left: 1170px;
			top:-800px;
			height:600px;
		}
		/* 老登 */
		.d3{
			position:relative;
			left: 1023px;
			top:-608px;
		}
		/* 破鼎 */
		.d4{
			position: relative;
			left: 800px;
			top: -1800px;
			height: 800px;
		}
		/* 哪吒胡巴 */
		.d5{
			position: relative;
			left: 450px;/* 850 */
			top:-2500px;
			height:390px;
		}
		/* 敖丙胡巴 */
		.d6{			
			position: relative;
			left:650px;/* 1150 */
			top:-2900px;
			height: 390px;
			
		}
		/* 挨打老登 */
		.d7{
			position: relative;
			left:1600px;
			top:-3400px;
			height: 800px;
			
		}
		
		
	</style>
	<body>
		<audio src="音频.MP3" autoplay ></audio>
			<div class="ding"> </div><!-- 天元鼎 -->
			<div class="d1"> </div><!-- 哪吒 --> 
			<div class="d3"></div><!-- 老登 -->
			<div class="d2"></div><!-- 敖丙 -->
			<div class="d4"></div><!-- 破鼎图片 -->
			
			<div class="d5 "></div><!-- 哪吒胡巴 -->
			
			<div class="d6"></div><!-- 敖丙哪吒 -->
			
			<div class="d7"></div><!-- 挨打老登 -->
			
	
	</body>
</html>